@charset "UTF-8";
@import "../style/var";
@import "../mixins/common";
.group-tabs {
	ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		list-style: none;
		padding: 0;
	}
	.flex3{
		flex: 0 0 33.333333%;
	}
	.flex2{
		flex: 0 0 50%;
	}
	.flex4{
		flex: 0 0 25%;
	}
    
	li {
		width: 0;
		>div {
			//min-height: 60upx;
			height: 30px;
			line-height: 30px;
			box-sizing: border-box;
			padding:0 3px;
			text-align: center;
			border-radius: 5px;
			border: 1px solid $--color-primary;
			text-align: center;
			margin-bottom: 12px;
			color: $--color-primary;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.active {
			color:white;
			background-color: $--color-primary;
		}
	}
    li.flexauto {
        width: auto;
    }
}